<template>
  <div class="subscribe">
    <public-com></public-com>
    <img class="sub_img" src="../assets/bejing.jpg" />
    <h1>预约参观</h1>
    <div class="flex box">
      <router-link class="iconfont icon-xinfeng yuyu" to="notice"
        ><br />通知公告</router-link
      >
      <router-link class="iconfont icon-haoyou yuyu" to=""
        ><br />团体预约</router-link
      >
      <router-link class="iconfont icon-shouye yuyu" to="geren"
        ><br />个人预约</router-link
      >
      <router-link class="iconfont icon-daba yuyu" to=""
        ><br />机动车预约</router-link
      >
    </div>
    <footer-com></footer-com>
  </div>
</template>
<script>
import PublicCom from "@/components/PublicCom.vue";
import FooterCom from "@/components/FooterCom.vue";
export default {
  components: {
    PublicCom,
    FooterCom,
  },
//  watch:{
//   $route(to,from){
//     // console.log(to.path);
//   }
// },
  data() {
    return {
      info: null,
    };
  },
  methods: {}
};
</script>
<style scoped>
@import "../assets/font/iconfont.css";
.sub_img{
  width: 100%;
  height: 327px;
}
.subscribe > h1 {
  height: 100px;
  line-height: 100px;
  font-size: 50px;
}
.box {
  margin-top: 70px;
  height: 300px;
}
.yuyu {
  font-size: 40px;
  justify-content: center;
  flex-grow: 1;
  color: #2c3e50;
}
</style>
